
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>千图网首页</title>
    <link rel="stylesheet" href="css/index.css">
    <script src="js/index.js"></script>
</head>

<body>
    <div class="header-nav">
        <div class="content">
            <ul class="left">
                <li>
                    <a href="#" class="jt nav">QQ交谈</a>
                </li>
                <li class="qqq">
                    <a href="#" class="qun nav">官方QQ群</a>
                    <i class="tran"></i>
                </li>
                <div class="clear"></div>
                <li>
                    <a href="#" id="ques">常见问题</a>
                </li>
            </ul>
            <ul class="right">
                <li><a href="#" class="you cl"><span id="le"></span><span id="click">点我赚钱</span></a></li>
                <li><a href="#" class="you reg">注册</a></li>
                <li><a href="#" class="you log1">登录</a></li>
                <li><a href="#" class="nav log qq">QQ登录</a></li>
                <li><a href="#" class="nav log wx">微信登录</a></li>
            </ul>
        </div>
    </div>
    <div class="header-content">
        <div class="hea-con">
            <div class="logo">
                <a href="#" class="lo"></a>
            </div>
            <div class="nav-home">
                <ul class="homein">
                    <li><a href="#" class="shouye">首页</a></li>
                    <li><a href="#" class="des mo">广告设计</a></li>
                    <li><a href="#" class="taobao mo">淘宝设计</a></li>
                    <li><a href="#" class="sucai mo">素材分类</a></li>
                    <li><a href="#" class="ling mo">千图灵感</a></li>
                    <li><a href="#" class="gong mo">设计工具</a></li>
                    <li><a href="#" class="huodong mo">活动<span class="hot"></span></a></li>
                    <li><a href="#" class="vip mo">VIP特权</a><span class="ne"></span></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="home-search">
        <h2>专注免费设计素材网站</h2>
        <form action="#" class="search-form">
            <input type="text" class="search" placeholder="800万张免费设计素材任意下载">
            <input type="button" value="搜全站" class="souq">
            <input type="button" value="搜原创" class="souy">
        </form>
    </div>
    <div id="show">
        <ul>
            <li class="active"><img src="img/jr.png" alt=""></li>
            <li><img src="img/hs.png" alt=""></li>
            <li><img src="img/xn.jpg" alt=""></li>
            <li><img src="img/wf.jpg" alt=""></li>
            <li><img src="img/xnkl.png" alt=""></li>
            <li><img src="img/bph.jpg" alt=""></li>
            <li><img src="img/xnys.jpg" alt=""></li>
            <li><img src="img/xx.png" alt=""></li>
        </ul>
    </div>
    <div class="subnav">
        <a href="" class="sub1">平面广告</a>
        <a href="" class="sub2">电商淘宝</a>
        <a href="" class="sub3">文档模板</a>
        <a href="" class="sub4">摄影图库</a>
        <a href="" class="sub5">网页</a>
        <a href="" class="sub6">多媒体</a>
        <a href="" class="sub7">空间建筑</a>
    </div>
    <div class="w1200 tool">
        <dl>
            <dt class="d1"></dt>
            <dd>开发手册</dd>  
        </dl>
        <dl>
            <dt class="d2"></dt>
            <dd>UI图标库</dd>
        </dl>
        <dl>
            <dt class="d3"></dt>
            <dd>淘宝工具</dd>  
        </dl>
        <dl>
            <dt class="d4"></dt>
            <dd>配色工具</dd> 
        </dl>
        <dl>
            <dt class="d5"></dt>
            <dd>网页工具</dd>
        </dl>
        <dl>
            <dt class="d6"></dt>
            <dd>图标宝</dd>
        </dl>
        <dl>
            <dt class="d7"></dt>
            <dd>画册宝</dd>
        </dl>
        <dl>
            <dt class="d8"></dt>
            <dd>在线书法</dd>
        </dl>
        <dl>
            <dt class="d9"></dt>
             <dd>电商培训</dd>
        </dl>
        <dl>
            <dt class="d10"></dt>
            <dd>店铺装修代码</dd>   
        </dl>
        <div class="more">更多设计工具</div>
    </div>
    <div class="showpic w1200">
        <div class="title">
            <h2>热门专题</h2>
            <a href="" class="rmore">更多<i class="ic"></i></a>
        </div>
        <div class="showpic-m">
            <div class="list">
                <div class="ls-img">
                    <a href="">
                        <img src="img/Z.jpg" alt="">
                    </a>
                </div>
                <div class="ls-info">
                    <p>
                        <a href="">鸡年大吉</a>
                    </p>
                </div>
            </div>
            <div class="list">
                <div class="ls-img">
                    <a href="">
                        <img src="img/cx.jpg" alt="">
                    </a>
                </div>
                <div class="ls-info">
                    <p>
                        <a href="">除夕</a>
                    </p>
                </div>
            </div>
            <div class="list">
                <div class="ls-img">
                    <a href="">
                        <img src="img/2017.jpg" alt="">
                    </a>
                </div>
                <div class="ls-info">
                    <p>
                        <a href="">喜庆元素背景集</a>
                    </p>
                </div>
            </div>
            <div class="list">
                <div class="ls-img">
                    <a href="">
                        <img src="img/gzcj.jpg" alt="">
                    </a>
                </div>
                <div class="ls-info">
                    <p>
                        <a href="">扁平化工作场景</a>
                    </p>
                </div>
            </div>
            <div class="list">
                <div class="ls-img">
                    <a href="">
                        <img src="img/cz.jpg" alt="">
                    </a>
                </div>
                <div class="ls-info">
                    <p>
                        <a href="">春装海报精选集</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="showpic w1200">
        <div class="title">
            <h2>原创作品</h2>
            <a href="" class="rmore">更多<i class="ic"></i></a>
        </div>
        <div class="showpic-m">
            <div class="list1">
                <div class="ls-img">
                    <a href="">
                        <img src="img/jndj.jpg" alt="">
                    </a>
                </div>
                <div class="ls-info">
                    <p>
                        <a href="">鸡年手绘插画海报</a>
                    </p>
                    <div class="picop">
                        <div class="sc">
                            <span>收藏 929</span>
                        </div>
                        <div class="line"></div>
                        <div class="down">
                            <span>下载 2111</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="list1">
                <div class="ls-img">
                    <a href="">
                        <img src="img/dfs.jpg" alt="">
                    </a>
                </div>
                <div class="ls-info">
                    <p>
                        <a href="">年终大促销宣传海报</a>
                    </p>
                    <div class="picop">
                        <div class="sc">
                            <span>收藏 891</span>
                        </div>
                        <div class="line"></div>
                        <div class="down">
                            <span>下载 3318</span>
                        </div>
                    </div>
                </div>
                <!--<div class="btn">
                    <a href="" class="sc">收藏</a>
                    <a href="" class="mfxz">免费下载</a>
                </div>-->
            </div>
            <div class="list1">
                <div class="ls-img">
                    <a href="">
                        <img src="img/2017ji.jpg" alt="">
                    </a>
                </div>
                <div class="ls-info">
                    <p>
                        <a href="">2017鸡年海报</a>
                    </p>
                    <div class="picop">
                        <div class="sc">
                            <span>收藏 289</span>
                        </div>
                        <div class="line"></div>
                        <div class="down">
                            <span>下载 939</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="list1">
                <div class="ls-img">
                    <a href="">
                        <img src="img/shanwei.jpg" alt="">
                    </a>
                </div>
                <div class="ls-info">
                    <p>
                        <a href="">2017鸡年扇尾原创手绘...</a>
                    </p>
                    <div class="picop">
                        <div class="sc">
                            <span>收藏 312</span>
                        </div>
                        <div class="line"></div>
                        <div class="down">
                            <span>下载 313</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="list1">
                <div class="ls-img">
                    <a href="">
                        <img src="img/dcq.jpg" alt="">
                    </a>
                </div>
                <div class="ls-info">
                    <p>
                        <a href="">鸡年吊彩旗灯手绘插画海报</a>
                    </p>
                    <div class="picop">
                        <div class="sc">
                            <span>收藏 459</span>
                        </div>
                        <div class="line"></div>
                        <div class="down">
                            <span>下载 733</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="friend-ship w1200">
        <div class="friend-title">
            <a href="" class="">友情链接</a>
            <a href="" class="">新素材</a>
            <a href="" class="">新搜索</a>
            <a href="" class="">热门素材</a>
            <a href="" class="">热门ppt素材</a>
            <a href="" class="">热门淘宝素材</a>
            <a href="" class="">热门装饰素材</a>
            <a href="" class="">热门专题</a>
            <a href="" class="">搜索素材</a>
        </div>
        <ul class="friend-content">
            <li>千图样机</li>
            <li>我图网</li>
            <li>90设计</li>
            <li>摄图网</li>
            <li>微信公众平台</li>
            <li>图片之家</li>
            <li>UI图片库</li>
            <li>背景图片</li>
            <li>精品素材</li>
            <li>千广网</li>
            <li>折800官网</li>
            <li>深圳地图</li>
            <li>背景墙</li>
            <li>找工作</li>
            <li>ppt模板</li>
            <li>爱奇艺广告</li>
            <li>装修咨询</li>
            <li>视频素材</li>
            <li>天气预报查询</li>
            <li>包图网</li>
            <li>123网址之家</li>
            <li>壁纸</li>
            <li>QQ头像</li>
            <li>电脑壁纸</li>
            <li>淮安新闻网</li>
            <li>山东门户</li>
            <li>经典语录</li>
            <li>qq个性签名</li>
            <li>PS教程网</li>
            <li>我图素材下载</li>
            <li>比克尔下载</li>
            <li>图片大全</li>
            <li>老男人</li>
            <li>壁纸</li>
            <li>小清新图片</li>
            <li>男士时尚</li>
            <li>QQ个性签名</li>
            <li>QQ分组</li>
            <li>奶茶图片</li>
            <li>创意图案</li>
            <li style="font-size: 16px">更多>></li>
            <li>友情链接请联系 QQ:945831617</li>
            <li>要求 : PR≥4,百度权重≥7</li>
        </ul>
    </div>
    <footer>
        <div class="w1200 ftcenter">
            <div class="fttop">
                <a href="" class="">官方微博</a>
                <a href="" class="">常见问题</a>
                <a href="" class="">版权声明</a>
                <a href="" class="">商务合作</a>
                <a href="" class="">售后服务</a>
                <a href="" class="">新素材</a>
                <a href="" class="">图片下载</a>
                <a href="" class="">素材专题</a>
                <a href="" class="">千图导航</a>
                <a href="" class="jiaotan"></a>
                <span class="tel">客服电话 : 3226-6265-52165</span>
            </div>
            <div class="ftbottom">
                <span class="mf">千图网素材为用户免费分享产生，若发现您的权利被侵害，请联系tousu@58pic.com ，我们尽快处理</span>
            </div>
            <div class="ftbottom1">
                <span class="mf1">Copyright © 2015 <span class="qtw">千图网</span> 沪ICP备454561464号-6 用时：0.00054.47秒<span class="jh"></span><span class="shgs">上海工商</span></span>
            </div>
            <a href="" id="qticon"></a>
        </div>
    </footer>
</body>
</html>